﻿<div class="form-group" data-bind="css: { 'has-error': idnp.hasError }">
    <label> IDNP </label> 
    <input type="text" class="form-control input-sm" data-bind="value: idnp"/>
    <span class="help-block" data-bind="visible: idnp.hasError, text: idnp.validationMessage "></span>
</div>
<div class="form-inline">
<div class="form-group" data-bind="css: { 'has-error': lastName.hasError }">
    <label> Last Name </label> 
    <input type="text" class="form-control" data-bind="value: lastName, hasFocus: true"/>
    <span class="help-block" data-bind="visible: lastName.hasError, text: lastName.validationMessage "></span>
</div>
<div class="form-group" data-bind="css: { 'has-error': firstName.hasError }">
    <label> First Name </label> 
    <input type="text" class="form-control" data-bind="value: firstName"/>
    <span class="help-block" data-bind="visible: firstName.hasError, text: firstName.validationMessage "></span>
</div>
    </div>
<div class="form-inline">
    <div class="form-group" data-bind="css: { 'has-error': specialityId.hasError }">
    <label> Speciality </label> 
    <input type="text" class="form-control" data-bind="koautocomplete: specialityName, serviceUrl: '/api/Specialities/GetAutocomplete', minChars: 1, func: SpecialityAutocomplete"/>
    <span class="help-block" data-bind="visible: specialityId.hasError, text: specialityId.validationMessage "></span>
</div>
    <div class="form-group" data-bind="css: { 'has-error': serviceRoom.hasError }">
    <label> Service room  </label> 
    <input type="text" class="form-control input-sm" data-bind="value: serviceRoom"/>
    <span class="help-block" data-bind="visible: serviceRoom.hasError, text: serviceRoom.validationMessage "></span>
</div>
</div>
<div class="form-group" data-bind="css: { 'has-error': departmentId.hasError }">
    <label> Department </label> 
    <input type="text" class="form-control" data-bind="koautocomplete: departmentName, serviceUrl:'/api/Departments/GetAutocomplete',  minChars: 1, func: DepartmentAutocomplete"/>
    <span class="help-block" data-bind="visible: departmentId.hasError, text: departmentId.validationMessage "></span>
    </div>

<div class="form-group" data-bind="css: { 'has-error': positionId.hasError }">
    <label> Position </label> 
    <input type="text" class="form-control" data-bind="koautocomplete: positionName, serviceUrl: '/api/Positions/GetAutocomplete', minChars: 1, func: PositionAutocomplete"/>
    <span class="help-block" data-bind="visible: positionId.hasError, text: positionId.validationMessage "></span>
</div>
